<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>应用状态</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/codecss.css"/>
    <style>
        .reg-input{
            height:36px;
            line-height:36px;
            margin-top:18px;
        }
        .reg-input label{
            float:left;
            width:100px;
            padding-right:8px;
            text-align:right;
            font-size:14px;
        }
        .reg-input input{
            float:left;
            width:280px;
            height:28px;
            line-height:18px;
            font-size:14px;


        }
        .reg-input span{
            float:left;
            padding-left:10px;
            font-size:12px;
            color:#666;
        }
    </style>
    <script src="js/respond.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/ajax.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" style="background-color: white;display: block;">
    <div class="container">
        <a href="#" class="left"><img src="img/codelogo.png" style="width: 50%;margin-top: 10px;margin-bottom: 10px;" ></a>
        <div class="navtext left">
            <a href="#">开发者平台</a>
        </div>
        <div class="navcode right">
            <a href="" id="user" style="color: red"></a>
            <!--<a href="apiindex.html">开发者中心</a>
           <a href="creatapp.html">应用管理</a>-->
            <a href="problem.html">常见问题</a>
        </div>
    </div>
</nav>
<div class="container codeview">
<div class="col-md-3 nopadding" style="min-height: 1000px;">
    <div class="chead" id="indro" onclick="vis()"><a href="#">测试应用</a><br></div>
    <ul style="">
        <li ><a href="appcontrol.html">数据统计</a></li>
        <li>
            <a href="appstate.html">接口管理</a>
        </li>
    </ul>
    <div style="clear: both"></div>
</div>
<div class="col-md-9 nopadding" id="visiter" style="display: block;height: auto">
    <div id="c9tl"><span>创建测试应用</span></div>
    <div class="lin1" id="a0"></div>
    <div style="height: 80px;background: #cccccc">
     <div style="line-height: 80px;float: left"><p style="font-size: 20px">|<span style="font-size: 16px;padding-left: 30px">应用信息</span></p></div>
     <div style="float: left;padding-top: 20px;padding-left: 100px">APP&nbsp;&nbsp;KEY:123456789
     <p style="margin-left: -1px">APP SECRET:123456789</p>
     </div>
    </div>
    <div style="clear: both"></div>
    <div style="">
        <div style="line-height: 80px;float: left"><p style="font-size: 20px">|<span style="font-size: 16px;padding-left: 30px">基本信息</span></p></div>
        <div style="float: left">
            <form action="" method="post" class="reg-form" id="reg-form">
                <div class="reg-input">
                    <label>应用名称</label>
                    <input type="text" name="nick" id="nick" class="form-control"/>

                </div>
                <div class="reg-input">
                    <label>英文名称</label>
                    <input type="password" name="psw" id="psw" class="form-control"/>

                </div>
                <div class="reg-input">
                    <label>应用类别</label>
                    <input type="password" name="psw1" id="psw1" class="form-control"/>


                </div>
                <div class="reg-input">
                    <label>应用简介</label>
                    <textarea name="" id="" cols="30" rows="2">sss</textarea>
                </div>
                <div class="reg-input" style="margin-top: 50px">
                    <label>应用图标</label>
                   <p style="font-size: 12px">支持大小为100*100的PNG图片</p>
                    <img src="img/iconupload.png" alt="" height="50" style="margin-left: 100px;float: left"/>
                   <div style="float: left;padding-left: 50px">
                       <input type="file" accept="image/png"/>
                   </div>
                </div>
                <div class="reg-input" style="margin-top: 80px">
                    <label>应用上传</label>
                    <input type="file" accept="application/zip" style="outline: none"/>

                </div>
                <div class="reg-input">
                    <label>应用大小</label>
                    <input type="text" name="old" id="old" class="form-control"/>
                </div>
                <div class="reg-input">
                    <label>测试设备号</label>
                    <input type="text" name="old" id="old" class="form-control"/>
                </div>
                <div>
                   <!-- <input type="radio" style="float: left"/>
                    <p style="float: left">同意<span>开发平台开发者协议</span></p>-->
                    <input type="checkbox" name="remember" value="1" id="check" /> 我已同意用户协议<a style="text-decoration: none">《绿道用户服务协议》</a>
                </div>
                <div class="submit-box" style="margin-left: 100px;margin-top: 20px">
                    <button id="submit">立即注册</button>
                </div>
            </form>

        </div>
    </div>
</div>
    <div id="backtotop" onclick="javascript:scroll(0,0)" style="bottom: 80px;">
        <img src="img/up.png" style="width: 50%;">
    </div>
</div>
<div class="hd"></div>
<div class="hd"></div>
<div class="foot2">
    <div class="container">
        <div class="fta2 left" style="font-size: 14px;">
            <a href="#">关于平台</a>
            <a href="#">联系我们</a>
            <a href="#">开发者协议</a>
        </div>
        <span class="right" style="font-size: 14px;">Copyright © 2015 wisedu All Rights Reserved</span>
    </div>
</div>
</body>
<script type="text/javascript">
    $(window).scroll(function () {
        if ($(window).scrollTop()>1000){
            $("#backtotop").show();
            $("#backtotop").animate({bottom:"80px"},500,"linear");
        }else {
            $("#backtotop").hide();
        }
    });
    window.onload=lick();
    function lick() {
        var lili=document.getElementsByClassName("text1")
        var lick=document.getElementsByClassName("litext");
        for(var i=0;i<lili.length;i++){
            (function (i) {
                lick[i].addEventListener("click",function () {
                    location.href="#a"+i;
                })
            })(i);
        }
    }
</script>
<script>
    var data = localStorage.getItem("name");
    document.getElementById("user").innerHTML=data;
</script>
</html>